<template>
    <view id="main">
        <!-- 顶部搜索框 -->
        <zy-topBar title="企业信息" showBack paddingTop="40" height="80">
            <template #right>
                <view class="fs_12">同步信息</view>
            </template>
        </zy-topBar>
        <view class="content">
            <view class="card">
                <view class="item flex">
                    <view class="label fs_12">企业名称</view>
                    <view class="value color_text_gray fs_12">
                        河南能源化工集团鹤壁煤化工有限公司
                    </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">企业类别</view>
                    <view class="value color_text_gray fs_12"> 产废单位 </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">统一社会信用代码</view>
                    <view class="value color_text_gray fs_12"> ZMDSZXVZ00000000001 </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">管理类别</view>
                    <view class="value color_text_gray fs_12">
                        危险废物环境重点监管单位
                    </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">经营地址</view>
                    <view class="value long_text color_text_gray fs_12">
                        需填写国家系统对接iv
                    </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">法人姓名</view>
                    <view class="value color_text_gray fs_12"> 龙舒环 </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">法人电话</view>
                    <view class="value color_text_gray fs_12"> 19883827325 </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">环保联系人</view>
                    <view class="value color_text_gray fs_12"> 郭融娴 </view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">环保联系人电话</view>
                    <view class="value color_text_gray fs_12"> 13939294811 </view>
                </view>
            </view>
            <view class="card">
                <view class="item flex">
                    <view class="label fs_12">用户名</view>
                    <view class="value color_text_gray fs_12">185748947483</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">key</view>
                    <view class="value color_text_gray fs_12">33849620230312085X</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">iv</view>
                    <view class="value color_text_gray fs_12">476231199903025859</view>
                </view>
            </view>
        </view>
    </view>
</template>

<script lang="ts" setup>
const value = ref("123");
</script>

<style lang="scss" scoped>
.content {
    padding: 14px;
    width: 100vw;

    .card {
        border-radius: 4px;
        margin: 0 0 20px 0;

        .item {
            justify-content: space-between;
            border-bottom: 1px solid #eee;
            padding: 16px 0;

            .label {
                color: #1D2541;
                font-size: 14px;
            }

            .value {
                color: rgba(29, 37, 65, 0.92);
                font-size: 13px;
            }

            .long_text {
                text-align: right;
                width: 70%;
            }
        }
    }
}
</style>
